// postcss.config.js
module.exports = {
    plugins: {
        // to edit target browsers: use "browserslist" field in package.json
        // autoprefixer: {},
        'postcss-pxtorem': {
            rootValue: 192, // 换算比例，结果为：设计稿元素尺寸/16,比如在css文件中设置元素宽width:320px,最终页面会换算成 320 / 16 = 20rem;还需要在rem.js中根据屏幕的实际宽度计算rem的动态值，即可算出20rem的值
            unitPrecision: 5, // 保留rem小数点多少位
            propList: ['*'], // 需要做转化处理的属性，如`hight`、`width`、`letter-spacing`等，`*`表示全部
            // propBlackList: ['font-size'], //过滤掉不需要转换的属性
            minPixelValue: 12, //px小于12的不会被转换,默认 0
            selectorBlackList: [], // 忽略转换rem转换,正则匹配项（选择器）,如：过滤点含有"el-"或以".ant"开头的选择器
            // exclude: /(pageBehaviorTrace,)/ //默认false，可以（reg）利用正则表达式排除某些文件夹的方法，例如/(node_module)/ 。如果想把前端UI框架内的px也转换成rem，请把此属性设为默认值
        }
    }
};
